/**
    name: public_wrap_div
*/
/**
    name: public_index_1_width
*/
.public-btn-1 {
  width: auto;
  display: inline-block;
  position: relative; }

.public-btn-1 span {
  display: block;
  color: #9f9f9f;
  font-size: 14px;
  padding: 10px 100px;
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  -webkit-transtion: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }

.public-btn-1:hover span {
  color: #FFF; }

.public-btn-1::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #dfdfdf;
  -webkit-transtion: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }

.public-btn-1:hover::before {
  border-color: #ff4754; }

.public-btn-1::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #ff4754;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transtion: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out; }

.public-btn-1:hover::after {
  width: 100%; }

/*# sourceMappingURL=style.css.map */